<script setup lang="ts">
import {useStore} from '@/store'
import {computed} from 'vue'
const store = useStore()
const pageNo = computed(()=>store.state.pageNo)
const pageSize = computed(()=>store.state.pageSize)
const total = computed(()=>store.state.total)
const emit = defineEmits<{
     (e:"changePage",pageNo:number):void
    }>()
function changePage(pageNo:number){
  console.log('子组件',pageNo)
  emit('changePage',pageNo)
}
</script>
<template >
  <el-pagination
      :currentPage="pageNo"
      :page-size="pageSize"
      :total="total"
      background
      layout="prev,pager,next"
      @current-change="changePage"
  ></el-pagination>

</template>
<style scoped>

</style>